<div class="col-lg-8 col-lg-offset-2" style="text-align: center">

    <table class="table table-hover table-striped ">
        <thead>
            <tr>
                <th>&nbsp;remoteId&nbsp;
                </th>
                <th >&nbsp;userAgent&nbsp;
                </th>
                <th >&nbsp;remoteAddr&nbsp;
                </th>
                <th >&nbsp;createTime&nbsp;
                </th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="remote in remoteList">
                <td>{{remote.remoteId}}</td>
                <td>{{remote.userAgent}}</td>
                <td>{{remote.remoteAddr}}</td>
                <td>{{remote.createTime}}</td>
            </tr>
        </tbody>
    </table>

    <paging  page="pageNum"
            page-size="my_pageSize"
            total = "mytotal"
            pg-href=""
            paging-action="GotoPage(page, 20)"
            show-prev-next = "true"
            show-first-last = "true"
            text-first="&laquo;"
            text-last="&raquo;"
            text-next="&rsaquo;"
            text-prev="&lsaquo;"
            text-title-page="Page {page} hover title text"
            text-title-first="First Page hover title text"
            text-title-last="Last Page hover title text"
            text-title-next="Next Page hover title text"
            text-title-prev="Previous hover Page title text"
            text-first-class="glyphicon glyphicon-backward"
            text-last-class="glyphicon glyphicon-forward"
            text-next-class="glyphicon glyphicon-chevron-right"
            text-prev-class="glyphicon glyphicon-chevron-left">
    </paging>
    

</div>

<div class="col-lg-2" id="addNewRemote_btn">
    <div >
        <a href="#/addNewRemote" >
            <span class="glyphicon glyphicon-plus-sign" uib-popover="添加一个Remote" popover-trigger="'mouseenter'"
                  popover-placement="right-top"
                  style="color: green;font-size: 50px" ></span>
        </a>
    </div>
</div>

